<template >
    <div>
        <el-table v-bind="$attrs" :data="$attrs.list" style="width: 100%">
                            <el-table-column type="expand">
                                <template>
                                    <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false"
                                        @close="handleClose(tag)">
                                        {{ tag }}
                                    </el-tag>


                                    <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue"
                                        ref="saveTagInput" size="small" @keyup.enter.native="handleInputConfirm"
                                        @blur="handleInputConfirm">
                                    </el-input>
                                    <el-button v-else class="button-new-tag" size="small" @click="showInput">+ New
                                        Tag</el-button>
                                </template>
                            </el-table-column>
                            <el-table-column type="index" label="#">
                            </el-table-column>
                            <el-table-column label="参数名称" prop="attr_name">
                            </el-table-column>
                            <el-table-column label="操作" prop="desc">
                                <!-- 作用域插槽 -->
                                <template slot-scope="scope">
                                    <el-button size="mini" type="primary" 
                                    @click="$emit('handleEdit',scope.$index, scope.row)"

                                        class="el-icon-edit">编辑</el-button>
                                    <el-button size="mini" type="danger" 
                                        @click="$emit('handleDelete',scope.row)"
                                        class="el-icon-delete">删除</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            inputValue:''
        }
    },
}
</script>
<style lang="">
    
</style>